import React, { useState } from 'react';

import Navbar from './Navbar';
import Sidebar from './Sidebar';

interface IProps {}

const App: React.FC<IProps> = (props) => {
  const [isShow, setIsShow] = useState(false);
  return (
    <div>
      <h1>App</h1>

      <Navbar
        title="首页"
        cb={() => {
          setIsShow(!isShow);
        }}
      />
      {isShow && <Sidebar />}
    </div>
  );
};

export default App;
